.navbar-created-by-santu {
    height: auto;
    width: 100%;
}

.navbar-created-by-santu .navbar-top {
    height: 45px;
    width: 100%;
    justify-items: center;
    align-content: center;
    background:linear-gradient(376deg, #033053, #1679c5);
    font-family: var(--fontfamily-main);
}

.navbar-created-by-santu .navbar-top ul {
    display: flex;
    list-style: none;
    font-size: 15px;


}

.navbar-created-by-santu .navbar-top ul li {
    padding: 0px 15px 0px 15px;
    border-right: 2px solid white;
    height: 15px;
}

.navbar-created-by-santu .navbar-top ul li a {
    color: var(--common-color);
    text-decoration: none;
}


.navbar-created-by-santu .navbar-top ul li:nth-last-child(1) {
    border: none;
    color: var(--common-color);
    transition: .5s all ease;
    cursor: pointer;
}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(1):hover {
    color: var(--rear-color);

}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(2) {
    border: none;
    color: var(--common-color);
    transition: .5s all ease;
    cursor: pointer;
}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(2):hover {
    color: var(--primary-color);
}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(3) {
    border: none;
    color: var(--common-color);
    transition: .5s all ease;
    cursor: pointer;

}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(3):hover {
    color: var(--primary-color);
}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(4) {
    border: none;
    color: var(--common-color);
    transition: .5s all ease;
    cursor: pointer;

}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(4):hover {
    color: var(--primary-color);
}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(5) {
    border: none;
}

.navbar-created-by-santu .navbar-top ul li:nth-last-child(6) {
    border: none;
}